<!--
*@Author: QWP
*@Description: APP下载页面
*@Date: 2025-01-06 09:35:39
-->
<template>
  <div class="f-flex-column u-download-app-box">
    <div class="u-content-box">
      <a-avatar :size="64"
        :src="barIocn"
        class="f-margin-t40">
      </a-avatar>

      <h3 class="f-padding-t20">
        OA办公APP
      </h3>

      <div class="u-tool-btn">
        <a href="http://118.24.88.55:8018/oa/oa_base.apk">Android端下载</a>
      </div>
    </div>
  </div>
</template>

<script lang='ts' setup>
import { ref, reactive, computed, onMounted } from 'vue' 
import { storeToRefs } from 'pinia'
import { useRoute, useRouter } from 'vue-router'
import { alertC, urlFile, isValue, notificationC, messageC } from '@/util/common'

const barIocn = urlFile('app/app_logo_192.png')
</script>

<style lang='scss' scoped>
.u-download-app-box {
  height: 100vh;
  width: 100vw;
  align-items: center;
  .u-content-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 20px 8px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
    .u-tool-btn {
      display: flex;
      flex-direction: column;
      flex: 1;
      width: 100%;
      align-items: center;
      justify-content: flex-end;
      padding-bottom: 30px;
      a {
        display: inline-block;
        width: 100%;
        padding: 10px;
        text-align: center;
        background-color: #1890ff;
        color: #fff;
        font-size: 16px;
        border-radius: 25px;
      }
    }
  }
}
</style>